<?
if (!isset($_SESSION))
{
  session_start();
}
if (isset($_GET['logout']))
{
  $_SESSION['usuario'] = '';
  header("Location: login.php");
} else
{
  if (isset($_SESSION['usuario']))
  {
    if ($_SESSION['usuario'] == '')
    {
      header("Location: login.php");
    }
  } else
  {
    header("Location: login.php");
  }
}
$_SESSION['abmActual'] = '';
include_once '../includes/config.php';
?>
<!DOCTYPE html>
<html>

  <head>
    <meta charset="utf-8" />
    <title>Aquam</title>
    <link rel="shortcut icon" href="imagenes/favicon.ico?v=2" />
    <link rel="stylesheet" href="menu/menu.css" type="text/css"/>
    <link rel="stylesheet" href="estilos/estilo.css" type="text/css"/>
    <link rel="stylesheet" href="estilos/jquery-ui.css" type="text/css"/>
    <link rel="stylesheet" href="estilos/token-input-facebook.css" type="text/css"/>
    <script type="text/javascript" src="scripts/jquery.js"></script>
    <script type="text/javascript" src="scripts/spa.js"></script>
    <script type="text/javascript" src="scripts/jquery-ui.js"></script>
    <script type="text/javascript" src="scripts/jquery.ui.datepicker-es.js"></script>
    <script type="text/javascript" src="scripts/contextMenu.js"></script>
    <script type="text/javascript" src="scripts/jquery.mousewheel.min.js"></script>
    <script type="text/javascript" src="scripts/jquery.blockUI.js"></script>
    <script type="text/javascript" src="scripts/jquery.validate.js"></script>
    <script type="text/javascript" src="scripts/mascara.js"></script>
    <script type="text/javascript" src="scripts/jquery.tokeninput.js"></script>
    <script type="text/javascript" src="scripts/date.js"></script>
    <script type="text/javascript" src="scripts/reportes.js"></script>
    <script type="text/javascript" src="scripts/grupos.js"></script>
    <script type="text/javascript">
      var cabecera = true;
      $(function(){
        $("#btnModificarClave").click(function(event){
          event.preventDefault();
          if ($("#formCambioClave").validate().form()){
            var clave = $("#nuevaClave").val();
            $.blockUI();
            $.ajax({
              url: "cambiarClave.php",
              type: "POST",
              data: {clave: clave},
              success: function(data){
                if (data=="1"){
                  $("#cambioClave").dialog("close");
                  $.unblockUI();
                  $.growlUI('Contrase&ntilde;a Modificada..');
                } else {
                  $.unblockUI();
                  $.growlUI('No se pudo modificar la contrase&ntilde;a..'); 
                  
                }
              }
            });
          }
        });
        $("#btnCancelarModificarClave").click(function(event){
          event.preventDefault();
          $("#nuevaClave").val("");
          $("#nuevaClaveControl").val("");
          $("#cambioClave").dialog("close");
        });
        $("#cambiarClave").click(function(event){
          event.preventDefault();
          $("#cambioClave").dialog("open");
        });
        $("#cambioClave").dialog({autoOpen: false, title: "Cambiar contrase&ntilde;a", resizable:false, draggable: false,
          close: function(){
            $("#nuevaClave").val(""); 
            $("#nuevaClaveControl").val("");
          }
        });
        $("#formCambioClave").validate(
        {
          rules: 
            {
            nuevaClave: "required",
            nuevaClaveControl: {equalTo: "#nuevaClave"}
          },
          messages: 
            {
            nuevaClave: "*",
            nuevaClaveControl: "Las contrase&ntilde;as ingresadas no coinciden."
          }
        });
        $(".titulo span, #grilla span").live("click",function(){$("#tope").slideUp("fast")});
        $.datepicker.setDefaults($.datepicker.regional['es']);
        var ultimaHoraMostrada = <?= HORA_COMIENZO + CANT_HORAS_GRILLA ?>;
        $("#contenedorGrilla").live("mousewheel", function(event, delta)
        {
          // Si sube la rueda del mouse
          var cantHorasGrilla = <?= CANT_HORAS_GRILLA ?>;
          if (delta > 0 && ultimaHoraMostrada- cantHorasGrilla >= <?= HORA_COMIENZO ?>)
          {
            $("."+(ultimaHoraMostrada)).hide();
            $("."+(ultimaHoraMostrada-cantHorasGrilla)).show();
            ultimaHoraMostrada--;
            event.preventDefault();
            return false;
          }
          // Si baja la rueda del mouse
          else if (delta<0 && ultimaHoraMostrada < <?= HORA_FIN ?>)
          {
            $("."+(ultimaHoraMostrada-cantHorasGrilla)).hide();
            ultimaHoraMostrada++;
            $("."+(ultimaHoraMostrada)).show();
            event.preventDefault();
            return false;
          }
        });
        $(".subir").live("click", function()
        {
          var cantHorasGrilla = <?= CANT_HORAS_GRILLA ?>;
          // Si sube la rueda del mouse
          if (ultimaHoraMostrada- cantHorasGrilla >= <?= HORA_COMIENZO ?>)
          {
            $("."+(ultimaHoraMostrada)).hide();
            $("."+(ultimaHoraMostrada-cantHorasGrilla)).show();
            ultimaHoraMostrada--;
          }
        });
        $(".bajar").live("click", function()
        {
          var cantHorasGrilla = <?= CANT_HORAS_GRILLA ?>;
          if (ultimaHoraMostrada < <?= HORA_FIN ?>)
          {
            $("."+(ultimaHoraMostrada-cantHorasGrilla)).hide();
            $("."+(ultimaHoraMostrada)).show();
            ultimaHoraMostrada++;
          }
        });
        
        //        /**
        //         * Javascript para mostrar detalles turno
        //         */
        //        $(".gabineteGrillaLibre").live("click", function(event){
        //          var datos=$(this).attr("id");
        //          $("#tope").height(185);
        //          $("#tope").html("");
        //          $("#tope").load("nuevaReserva.php",{datos:datos}); 
        //          $("#tope").slideDown(1);
        //          $('html, body').animate({ scrollTop: 0 }, 0);
        //          $(".gabineteGrillaLibre").removeAttr("style");
        //          $(this).css({'background-color':'orange'});
        //          event.preventDefault();
        //        });
        //        $(".gabineteGrillaOcupado").live("click", function(event){
        //          var datos=$(this).attr("id");
        //          $("#tope").height(185);
        //          var array = datos.split("_");
        //          $("#tope").html("");
        //          $("#tope").load("modificarReserva.php",{id:array[1]}); 
        //          $("#tope").slideDown(1);
        //          $('html, body').animate({ scrollTop: 0 }, 0);
        //          event.preventDefault();
        //        });
        $("#cerrar").click(function(event){
          $("#tope").slideUp(1);
          $("#tope").html("");
          event.preventDefault()
        });
                
        /**
         * Javascript con eventos del menu
         */
        $("#menuContainer a").live("click", function(event){
          var target = $(this).attr("href");
          var clase = $(this).attr("class");
          switch (clase){
            case "reporte":
              $("#cuerpo").load("reportes.php",{titulo: $(this).attr("name")});  
              $("#tope").html("");
              $("#tope").slideDown(1);
              $("#tope").load(target);                 
              break;
            case "enTope":
              $("#tope").html("");
              $("#cuerpo").html("");
              $("#tope").slideDown(1);
              $("#tope").load(target);                 
              break;
            default:
              $("#tope").html("");
              $("#tope").slideUp(1);
              $("#cuerpo").load(target);                    
              break;
          }           
          event.preventDefault();
        });
                
                
        $("bodya").contextMenu("contextMenu1", {
          bindings: {
            'open': function(t) {
              alert('Trigger was '+t.id+'\nAction was Open');
            },
            'email': function(t) {
              alert('Trigger was '+t.id+'\nAction was Email');
            },
            'save': function(t) {
              alert('Trigger was '+t.id+'\nAction was Save');
            },
            'delete': function(t) {
              alert('Trigger was '+t.id+'\nAction was Delete');
            }
          }
        });
        
      });
    </script>
  </head>
  <body>
    <div id="logo"><img src="imagenes/logoSpa.png" alt="logo"/></div>
    <div id="menu">  
      <div style="position: absolute; left: 900px;"><a href="?logout=1" title="Usuario: <?= $_SESSION["nombreUsuario"] ?>">Logout</a></div>
      <?
      if (!isset($_SESSION["usuarioDominio"]))
      {
        ?>
        <div style="position: absolute; left: 760px;"> 
          <a href="#" id="cambiarClave" title="Usuario: <?= $_SESSION["nombreUsuario"] ?> ">Cambiar Contrase&ntilde;a</a> | 
        </div>
      <? } ?>
      <?php
      include('menu.php');
      include('contextMenu.php');
      ?>
    </div>
    <div id="cuerpoTotal">
      <div id="tope">
        <div id="cerrar">-</div>
      </div>
      <div id="cuerpo">
        <img src="imagenes/logoAquam.png" alt="logo" />
      </div>
    </div>
    <div class="growlUI" style="display: none; ">
      <h1></h1>
      <h2></h2>
    </div>
    <div id="voucher"></div>
    <div id="cambioClave">
      <form id="formCambioClave">
        <label>Nueva contrase&ntilde;a: </label><input type="password" id="nuevaClave" name="nuevaClave" style="width: 200px"/>
        <label>Repita nueva contrase&ntilde;a: </label><input type="password" id="nuevaClaveControl" name="nuevaClaveControl" style="width: 200px"/>      
        <div style="padding-top: 5px">
          <input class="button" type="submit" id="btnModificarClave" value="Modificar"/>
          <input class="button" type="submit" id="btnCancelarModificarClave" value="Cancelar"/>
        </div>
      </form>
    </div>
  </body>
</html>
